<template>
    <div class="loading">
        <img src="@assets/loading.gif" alt="">
    </div>
</template>

<script>
    export default {
        name: 'Loading' // 定义的组件名称 使用时写法：loading
    }
</script>

<style scoped lang="less">
    .loading {
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        top: 200px;
        width: 50px;
        height: 50px;
        z-index: 1000;
        
        img{
            width: 50px;
            height: 50px;
        }
    }
</style>
